@space: 16px;
.container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: var(--page-height);

  :global {
    .ant-spin-nested-loading {
      display: flex !important;
      flex: 1 !important;
      overflow: auto !important;
    }

    .ant-spin-container {
      display: flex !important;
      flex: 1 !important;
      overflow: auto !important;
    }
  }
}

.contentAll {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
  overflow: hidden;
}

.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  padding: 14px 24px;
  background-color: var(--bg-main);
}

.spinning {
  display: flex !important;
  flex: 1 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100%;
  overflow: hidden !important;
}

.filterBar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-bottom: 2px;
  padding: 16px 24px;
  background-color: var(--bg-main);
  border-radius: 6px;
}

.content {
  display: flex;
  flex: 1;
  width: 100%;
  overflow: auto;
  // background-color: #161a1d;
  border-radius: 6px;
}
